<ui:composition xmlns="http://www.w3.org/1999/xhtml"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:p="http://primefaces.org/ui"
	template="/pages/common/plantillaPrincipal.xhtml">
	<ui:define name="title">#{msg.tituloAdminSilabus}</ui:define>
	<ui:define name="cuerpo">
		<div class="cuerpo">
			<!-- Empezar a programar desde aqui -->

			<h:form id="form" enctype="multipart/form-data">

				<div>
					<p:fieldset id="panelDatosCurso" legend="#{msg.lblDatosCurso}"
						columns="2" styleClass="paneles">
						<h:panelGrid columns="2"
							columnClasses="formColumnaIzquierda,formColumnaDerecha">

							<h:outputLabel for="txtCodigo" value="#{msg.codigo}" />
							<h:outputText id="txtCodigo"
								value="#{detalleSilabus.curso.codigo}" />

							<h:outputLabel for="txtDescripcion" value="#{msg.lblDescripcion}" />
							<h:outputText id="txtDescripcion"
								value="#{detalleSilabus.curso.descripcion}" />

							<h:outputLabel for="txtPlan" value="#{msg.lblPlan}" />
							<h:outputText id="txtPlan" value="#{detalleSilabus.curso.plan}" />

							<h:outputLabel for="txtCreditos" value="#{msg.lblCreditos}" />
							<h:outputText id="txtCreditos"
								value="#{detalleSilabus.curso.creditos}" />

						</h:panelGrid>
					</p:fieldset>

					<p:fieldset id="panelSilabus" legend="#{msg.lblSilabus}"
						styleClass="paneles">
						<h:panelGrid columns="2"
							columnClasses="formColumnaIzquierda,formColumnaDerecha">

							<h:outputLabel for="txtCodigoSilabus" value="#{msg.codigo}" />
							<h:outputText id="txtCodigoSilabus"
								value="#{detalleSilabus.silabus.codigoSilabus}" />

							<h:outputLabel for="fileSilabus" value="#{msg.lblArchivo}" />
							<h:panelGroup>
								<p:fileUpload id="fileSilabus" mode="advanced"
									cancelLabel="#{msg.botonCancelar}"
									label="#{msg.botonSeleccioneArchivo}"
									allowTypes="/(\.|\/)(pdf|PDF)$/" auto="true"
									fileUploadListener="#{detalleSilabus.subirArchivo}"  update="linkArchivo"/>
								<h:outputLabel id="linkArchivo" value="#{detalleSilabus.archivoSilabus.fileName}">
									
								</h:outputLabel>
							</h:panelGroup>
							<h:outputLabel for="selectSemana" value="#{msg.lblNroSemana}" />
							<p:selectOneMenu id="selectSemana"
								value="#{detalleSilabus.detalle.nroSemana}">
								<f:selectItem itemLabel="Seleccion una semana" itemValue="" />
								<f:selectItems value="#{detalleSilabus.listaSemanas}" />
							</p:selectOneMenu>

							<h:outputLabel for="txtActividad" value="#{msg.lblNroActividad}" />
							<p:inputText id="txtActividad"
								value="#{detalleSilabus.detalle.nroActividad}" />

							<h:outputLabel for="txtDetalle" value="#{msg.lblDetalle}" />
							<p:inputTextarea id="txtDetalle" cols="50"
								value="#{detalleSilabus.detalle.detalle}" />


							<f:facet name="footer">
								<p:commandButton ajax="true"
									update=":form:tablaDetalles,:form:panelSilabus"
									value="#{msg.botonAgregarActividad}"
									actionListener="#{detalleSilabus.agregarDetalleSilabus}" />

							</f:facet>
						</h:panelGrid>
					</p:fieldset>


					<p:dataTable id="tablaDetalles" styleClass="tablas" emptyMessage="#{msg.msgNoHayActividades}"
						value="#{detalleSilabus.listaDetalleSilabus}" var="detalle">

						<f:facet name="header">
							<h:outputText value="#{msg.lblListaActividadesSilabus}" />
						</f:facet>

						<p:column id="columnaNroSemana" headerText="#{msg.lblNroSemana}">
							<h:outputText value="#{detalle.nroSemana}" />
						</p:column>

						<p:column id="columnaActividad"
							headerText="#{msg.lblNroActividad}">
							<h:outputText value="#{detalle.nroActividad}" />
						</p:column>

						<p:column id="columnaDetalle" headerText="#{msg.lblDetalle}">
							<h:outputText value="#{detalle.detalle}" />
						</p:column>

					</p:dataTable>


					<h:panelGrid columns="2" id="panelBotones">
						<p:commandButton ajax="false" update="growl"
							value="#{msg.botonGuardar}"
							action="#{detalleSilabus.guardarSilabus}" />

						<p:commandButton ajax="false" update="growl"
							value="#{msg.botonCancelar}" action="#{detalleSilabus.cancelar}" />

					</h:panelGrid>




					<p:growl id="growl" showDetail="true" sticky="false" life="5000"
						redisplay="false" />

				</div>

			</h:form>


			<!-- Terminar de programar desde aqui -->
		</div>

<!-- 		<p:dialog id="dialogSilabus" widgetVar="dSilabus" -->
<!-- 			onHide="dSilabus.toggleMaximize();" -->
<!-- 			onShow="dSilabus.toggleMaximize();" header="#{msg.lblSilabus}" -->
<!-- 			modal="true" maximizable="true"> -->
<!-- 			<p:media value="#{detalleSilabus.rutaArchivoSilabus}" width="100%" height="100%" >   -->
<!--     				El browser no puede mostrar el archivo pdf, <h:outputLink -->
<!-- 					value="#{detalleSilabus.rutaArchivoSilabus}">click</h:outputLink> para descargarlo.   -->
<!-- 			</p:media> -->

<!-- 		</p:dialog> -->

	</ui:define>
</ui:composition>